<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <title>我要地图</title>
    <link rel="stylesheet" href="jquery_mobile/jquery.mobile.min.css">
    <script src="jquery_mobile/jquery-2.1.4.min.js"></script>
    <script src="jquery_mobile/jquery.mobile.min.js"></script>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=y7I42kWI1lRqTPmv2l5SOBU8"></script>

    <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
    <script src="js/busLineMap.js"></script>
    <style type="text/css">
        html {
            height: 100%
        }

        body {
            height: 100%;
            margin: 0px;
            padding: 0px
        }

        #busStationMapPage {
            height: 95%
        }

        #busStationMapContent {
            height: 95%
        }

        #map {
            height: 95%
        }

        a:link {
            color: green;
        }

        /*        a:visited{
                    color: yellow;
                }

                a:hover{
                    color: red;
                }
                a:active{
                    color: blue;
                }*/

    </style>
</head>
<body>
<div data-role="page" id="busStationMapPage" data-theme="a">
    <div data-role="panel" id="mypanel" data-position="left" data-display="overlay" data-animate="false">
        <a href="#" data-rel="close" data-role="button">关闭面板</a>
        <h4>线路选择</h4>
        <div id="l-result"></div>
    </div>
    <div data-role="panel" id="mypanel01" data-position="left" data-display="overlay" data-animate="false">
        <a href="#" data-rel="close" data-role="button">关闭面板</a>
        <h4>线路搜索</h4>
        <div id="r-query">
            <input type="text" id="keyword" placeholder="输入公交线路"/>
            <button id="query">查询</button>
        </div>
    </div>
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1 id="title">公交地图</h1>
        <!--<a href="#mypanel" data-role="button" data-icon="star" class="ui-btn-left" data-theme="b">线路列表</a>-->
        <a href="#mypanel01" data-role="button" data-icon="star" class="ui-btn-left" data-theme="b">线路搜索</a>
        <a href="busLineList.html" data-role="button" data-icon="star" class="ui-btn-right" data-theme="b"
           rel="external"
           data-ajax="false">站点列表</a>
    </div>
    <div data-role="content" id="busStationMapContent">
        <div id="map"></div>
        <div id="itemResult" style="display: none"></div>
    </div>
    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
        <div data-role="navbar" data-grid="c">
            <ul>
				<li><a href="index.html" rel="external" , data-ajax="false">首页</a></li>                
                <li><a href="#" class="ui-btn-active", data-ajax="false">公交线路查询及地图显示</a></li>
                <li><a href="busLineList.html" rel="external" data-ajax="false">公交线路查询及列表列表</a></li>
				<li><a href="busStationMap.html" rel="external" data-ajax="false">公交站点查询及地图显示</a></li>
                <li><a href="busStationList.html" rel="external" data-ajax="false">公交站点查询及列表列表</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>